* {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

html,
body,
div,
ul,
li,
h4 {
    margin: 0;
    padding: 0;
    font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
    color: #333;
}

p {
    padding: 0;
    margin: 0
}

body {
    background-color: #f5f5f5;
    font-size: 12px;
    text-align: center
}

div,
span,
input {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

span,
div,
ul,
li,
a {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

input {
    font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    -webkit-appearance: none
}

input[type=text]:focus {
    outline: 0;
    border: solid 1px #523669
}

input[type=password]:focus {
    outline: 0;
    border: solid 1px #523669
}

input[type=button] {
    cursor: pointer
}

select {
    margin: 0
}

li {
    list-style: none
}

img {
    display: block
}

a {
    text-decoration: none;
    color: #333
}

.alrloadind {
    background: url(https://static.biyao.com/m/img/base/m_loading.png?v=hash), url(https://static.biyao.com/m/img/icon/p20.png?v=hash)
}

.touri {
    cursor: pointer
}

.activeopa {
    background-color: rgba(238, 238, 238, .5)!important;
    opacity: .9!important
}

.activeopa1 {
    background-color: rgba(238, 238, 238, .5)!important;
    opacity: .9!important;
    transform: scale(0.99);
    -webkit-transform: scale(0.99)
}

.activeopa2 {
    background-color: rgba(238, 238, 238, .5)!important;
    opacity: .9!important;
    transform: scale(0.99);
    -webkit-transform: scale(0.99)
}

.activeopa3 {
    background-color: rgba(238, 238, 238, .5)!important;
    opacity: .9!important;
    transform: scale(0.99);
    -webkit-transform: scale(0.99)
}

#min_hdiv,
.waps {
    min-height: 1000px
}

.btn1 {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background-color: #B768A5;
    color: #fff;
    border-radius: 3px;
    border: 0;
    -webkit-appearance: none
}

@font-face {
    font-family: icomoon;
    src: url(https://static.biyao.com/m/fonts/icomoon_d6cc7c7.eot?a1fdmv);
    src: url(https://static.biyao.com/m/fonts/icomoon_d6cc7c7.eot?#iefixa1fdmv) format('embedded-opentype'), url(https://static.biyao.com/m/fonts/icomoon_eb9ba40.ttf?a1fdmv) format('truetype'), url(https://static.biyao.com/m/fonts/icomoon_9b311db.woff?a1fdmv) format('woff'), url(https://static.biyao.com/m/fonts/icomoon_363c897.svg?a1fdmv#icomoon) format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=icon-],
[class*=" icon-"],
.m_goback,
.m_gobackf,
.m_gobackz,
.xg_icon,
.mt_icon,
.xcailiao d,
.xxiegen d {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-about_us:before {
    content: "\e600"
}

.icon-add:before {
    content: "\e601"
}

.icon-address:before {
    content: "\e602"
}

.icon-bulb:before {
    content: "\e603"
}

.icon-cart:before {
    content: "\e604"
}

.icon-chengnuo:before {
    content: "\e605"
}

.icon-circle_close:before {
    content: "\e606"
}

.icon-close:before {
    content: "\e607"
}

.icon-delete:before {
    content: "\e608"
}

.icon-eye:before {
    content: "\e609"
}

.icon-glasses:before {
    content: "\e60a"
}

.icon-glasses_leg:before {
    content: "\e60b"
}

.icon-glassframe:before {
    content: "\e60c"
}

.icon-gotop:before {
    content: "\e60d"
}

.icon-high-heeled_shoes:before {
    content: "\e60e"
}

.icon-home:before {
    content: "\e60f"
}

.icon-loading:before {
    content: "\e610"
}

.icon-location:before {
    content: "\e611"
}

.icon-m_goback:before {
    content: "\e612"
}

.icon-material:before {
    content: "\e613"
}

.icon-message:before {
    content: "\e614"
}

.icon-mobile:before {
    content: "\e615"
}

.icon-mywork:before {
    content: "\e617"
}

.icon-neterror:before {
    content: "\e618"
}

.icon-order:before {
    content: "\e619"
}

.icon-password:before {
    content: "\e61a"
}

.icon-phone:before {
    content: "\e61b"
}

.icon-produce:before {
    content: "\e61c"
}

.icon-qq:before {
    content: "\e61d"
}

.icon-reduce:before {
    content: "\e61e"
}

.icon-refund:before {
    content: "\e61f"
}

.icon-right_arrow:before {
    content: "\e620"
}

.icon-rotate:before {
    content: "\e621"
}

.icon-save:before {
    content: "\e622"
}

.icon-select:before {
    content: "\e623"
}

.icon-share:before {
    content: "\e624"
}

.icon-shares:before {
    content: "\e624"
}

.icon-signature:before {
    content: "\e625"
}

.icon-suggestion:before {
    content: "\e626"
}

.icon-transport:before {
    content: "\e627"
}

.icon-tryin:before {
    content: "\e628"
}

.icon-down_arrow:before {
    content: "\e629"
}

.icon-up_arrow:before {
    content: "\e62a"
}

.icon-update:before {
    content: "\e62b"
}

.icon-user:before {
    content: "\e62c"
}

.icon-wallet:before {
    content: "\e62d"
}

.icon-zoomin:before {
    content: "\e62e"
}

.icon-zoomout:before {
    content: "\e62f"
}

.bcol_fff {
    background-color: #fff
}

.bcol_1e0 {
    background-color: #1E0032
}

.bcol_724 {
    background-color: #724A88
}

.col_666 {
    color: #666
}

.col_999 {
    color: #999
}

.col_333 {
    color: #333
}

.col_f60 {
    color: #B768A5
}

.col_724 {
    color: #724A88
}

.col_dbc {
    color: #dbc886
}

.col_fff {
    color: #fff!important
}

.fbold {
    font-weight: 700
}

.f16 {
    font-size: 16px!important
}

.f15 {
    font-size: 15px!important
}

.f14 {
    font-size: 14px!important
}

.f12 {
    font-size: 12px!important
}

.none {
    display: none
}

.none_im {
    display: none!important
}

.no_none {
    display: block!important
}

.m_wap {
    min-width: 320px;
    max-width: 100%;
    margin: 0 auto
}

#min_hdiv {
    min-height: 400px
}

.by_w {
    width: 100%
}

.m_wap_title {
    width: 100%;
    margin: 0 auto
}

.m_wap_footer {
    width: 100%;
    min-width: 320px;
    margin: 0 auto
}

.escp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.escpt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.bbox {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.clear_b {
    clear: both
}

.zw {
    visibility: hidden
}

.f60 {
    color: #B768A5
}

.f_l {
    float: left
}

.f_r {
    float: right
}

.pointer {
    cursor: pointer
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.ofh {
    overflow: hidden
}

.ti {
    text-indent: 2em;
    display: block
}

.b_b_dc {
    border-bottom: dotted 1px #ccc
}

.mg_r5 {
    margin-right: 5px
}

.mg_b10 {
    margin-bottom: 10px
}

.mg_t15 {
    margin-top: 15px
}

.mg_t10 {
    margin-top: 10px
}

.wk {
    -webkit-transition: all 1s ease-in!important;
    transition: all 1s ease-in!important
}

.wk5 {
    -webkit-transition: all .5s ease-in!important;
    transition: all .5s ease-in!important
}

.wk3 {
    -webkit-transition: all .3s linear!important;
    transition: all .3s linear!important
}

.wkshopcar {
    -webkit-transition: all .7s ease!important;
    transition: all .7s ease!important
}

.buttonactive:active {
    outline: 0;
    background: gray
}

.transbg {
    background-image: url(https://static.biyao.com/m/img/base/trans.png?v=hash)!important
}

.m_messages {
    background: url(https://static.biyao.com/m/img/icon/i6.png?v=hash) no-repeat center center;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-size: 22px 22px
}

.m_pagetop {
    width: 100%;
    min-width: 320px;
    height: 42px;
    background-color: #fff;
    color: #333;
    overflow: hidden;
    padding: 0;
    position: fixed!important;
    top: 0;
    left: 0;
    z-index: 20;
    box-shadow: 1px 1px 5px rgba(7, 0, 2, .2);
    -webkit-box-shadow: 1px 1px 5px rgba(7, 0, 2, .2);
    -moz-box-shadow: 1px 1px 5px rgba(7, 0, 2, .2)
}

.m_title {
    font-size: 16px;
    color: #333;
    display: block;
    line-height: 42px;
    width: 160px;
    margin: 0 auto
}

.m_share {
    background: url(https://static.biyao.com/m/img/index/share_icon.png?v=hash) no-repeat center center;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 40px;
    background-size: 50%
}

.m_share_p {
    line-height: 20px;
    height: 20px;
    float: right;
    font-size: 14px;
    padding: 1px 10px 0 35px;
    color: #999;
    border-left: solid 1px #aeaeae;
    background-color: #fff;
    -webkit-appearance: none
}

.m_menu {
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 7px;
    background: url(https://static.biyao.com/m/img/icon/list.png?v=hash) no-repeat center;
    background-size: 64%;
    text-align: center
}

.m_gnnav {
    height: 50px;
    width: 100%;
    padding: 10px 0 0;
    margin: 0 auto;
    background-color: #fff;
    border-bottom: solid 1px #ebebeb;
    z-index: 19!important;
    position: fixed!important;
    /*top: 42px;*/
    left: 0
}

.m_gocar {
    background: url(https://static.biyao.com/m/img/icon/m8.png?v=hash) no-repeat center center;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: 2px;
    background-size: 55%
}

.m_goindex {
    width: 40px;
    height: 40px;
    background: url(https://static.biyao.com/m/img/icon/m7.png?v=hash) no-repeat center center;
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
    background-size: 55%
}

.m_gnnav a {
    display: block;
    float: left;
    width: 25%;
    color: #666;
    text-decoration: none;
    text-align: center
}

.hd_fixed {
    position: fixed;
    top: 0;
    left: 0
}

.hd_nav_fixed {
    position: fixed!important;
    top: 42px;
    left: 0
}

.m_a_p1 {
    width: 22px;
    height: 22px;
    display: block;
    background: url(https://static.biyao.com/m/img/icon/b4.png?v=hash) no-repeat;
    margin: 0 auto 5px;
    background-size: 100%
}

.m_a_p2 {
    width: 22px;
    height: 22px;
    display: block;
    background: url(https://static.biyao.com/m/img/icon/b5.png?v=hash) no-repeat;
    margin: 0 auto 5px;
    background-size: 100%
}

.m_a_p3 {
    width: 22px;
    height: 22px;
    display: block;
    background: url(https://static.biyao.com/m/img/icon/b6.png?v=hash) no-repeat;
    margin: 0 auto 5px;
    background-size: 100%
}

.m_a_p4 {
    width: 22px;
    height: 22px;
    display: block;
    background: url(https://static.biyao.com/m/img/icon/b12.png?v=hash) no-repeat;
    margin: 0 auto 5px;
    background-size: 100%
}

.m_a_p5 {
    width: 26px;
    height: 22px;
    display: block;
    background: url(https://static.biyao.com/m/img/icon/b10.png?v=hash) no-repeat;
    margin: 0 auto 5px;
    background-size: 100%
}

.appnav {
    height: 50px;
    width: 100%;
    padding: 10px 0 0;
    margin: 0 auto;
    background-color: #f5f5f5;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .1);
    border-top: solid 1px #ccc;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2
}

.appnav a {
    display: block;
    float: left;
    width: 25%;
    color: #666;
    text-decoration: none;
    text-align: center
}

.hidfoot {
    display: none
}

.m_nickname {
    max-width: 60px
}

.m_footer {
    margin: 0 12px;
    text-align: center
}

.m_footer .m_f_top {
    padding: 5px 0 0;
    overflow: hidden
}

.pad_5 {
    padding: 10px 0
}

.pad_m_5 {
    padding: 10px 0
}

.m_f_bottom {
    padding: 13px 0 15px;
    min-width: 320px;
    border-top: solid 1px #999;
    margin: 0 auto;
    width: 100%;
    text-align: center
}

.m_f_bottom span {
    margin: 0 5px
}

.m_f_bottomre {
    padding: 13px 0;
    border-top: solid 1px #999;
    margin: 0 auto;
    width: 100%
}

.m_f_bottomre span {
    margin: 0 5px
}

.downapp {
    color: #B768A5
}

.pagenullloading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -13px;
    -webkit-transition: all 30s linear!important;
    transition: all 30s linear!important;
    width: 26px;
    height: 26px;
    display: block;
    background: url(https://static.biyao.com/m/img/base/m_loading.png?v=hash) no-repeat center center;
    background-size: 26px 26px
}

.loadmask {
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(https://static.biyao.com/m/img/base/loading.png?v=hash);
    background-position: 0xp 0;
    width: 40px;
    height: 40px;
    margin: -40px 0 0 -20px
}

.loadmask_test {
    position: absolute;
    width: 320px;
    left: 50%;
    margin: 46px 0 0 -160px;
    text-shadow: 1px 1px 1px #fff;
    color: #523669;
    font-size: 13px
}

.mbtn {
    width: 260px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 700;
    background: #B768A5 no-repeat 45px 7px;
    color: #fff;
    border-radius: 3px;
    border: 0;
    -webkit-appearance: none
}

.mask_c {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%
}

.mask_cre {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%
}

.wkloading {
    -webkit-transition: all 30s linear!important;
    transition: all 30s linear!important
}

.loading {
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 40px;
    margin: -25px 0 0 0;
    text-align: center
}

.loading_pic_w {
    background: rgba(0, 0, 0, .6)!important;
    border-radius: 5px;
    margin: 0 auto;
    padding: 6px 8px
}

.loading_pic {
    width: 34px;
    height: 26px;
    display: block;
    background: url(https://static.biyao.com/m/img/base/m_loading.png?v=hash) no-repeat center center;
    background-size: 26px 26px
}

.loading_test {
    color: #fff;
    text-shadow: 1px 1px 1px gray
}

.loadingrotate {
    transform: rotate(9000deg);
    -webkit-transform: rotate(9000deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.box_nc {
    background: rgba(0, 0, 0, 0)!important
}

.box_c {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%
}

.box_con {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 5px gray
}

.box_contop {}

.box_concon {
    padding: 15px 10px;
    text-align: center;
    font-size: 12px;
    line-height: 22px
}

.box_iorn {
    overflow: hidden;
    border-top: solid 1px #ccc;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.box_sub {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    float: left;
    color: #BA69A7;
    border-left: solid 1px #ccc
}

.box_cel {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    float: left;
    color: #666
}

.box_close {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://static.biyao.com/m/img/icon/p18.png?v=hash) no-repeat center center;
    background-size: 20px 20px;
    position: absolute;
    top: 8px;
    right: 5px
}

.box_ok {
    cursor: pointer;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 25px;
    line-height: 25px
}

.dbox_contitle {
    padding: 12px 0;
    font-size: 16px;
    color: #BC72AB;
    box-shadow: 0 0 5px gray;
    background-color: #fff
}

.dbox_nc {
    background: rgba(0, 0, 0, 0)!important
}

.dbox_c {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%
}

.dbox_con {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 270px;
    margin: -165px 0 0 -135px;
    box-shadow: 0 0 5px gray
}

.dbox_contop {
    height: 2px;
    background-color: #BC72AB
}

.dbox_concon {
    padding: 0;
    text-align: center;
    overflow: hidden;
    background-color: #fff
}

.dbox_iorn {
    padding: 5px 0;
    overflow: hidden;
    border-top: solid 1px #ccc
}

.dbox_sub {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 5px 0;
    border-left: solid 1px #ccc
}

.dbox_cel {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 5px 0
}

.dbox_close {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(https://static.biyao.com/m/img/icon/p18.png?v=hash) no-repeat center center;
    background-size: 20px 20px;
    position: absolute;
    top: 8px;
    right: 5px
}

.dbox_ok {
    cursor: pointer;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 25px;
    line-height: 25px
}

.b_dbox_con {
    position: absolute;
    left: 0;
    top: 50%;
    max-width: 280px;
    margin-top: -60px
}

.b_dbox_concon {
    text-align: center;
    overflow: hidden;
    padding: 15px 20px;
    line-height: 22px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.toapp {
    display: none;
    position: fixed;
    width: 100%;
    height: 60px;
    background: #B1ACCA url(https://static.biyao.com/m/img/base/toapp.png?v=hash) no-repeat center center;
    background-size: auto 60px;
    left: 0;
    bottom: 0;
    z-index: 1
}

.toappp {
    width: 100%;
    height: 60px;
    background: #B1ACCA url(https://static.biyao.com/m/img/base/toapp.png?v=hash) no-repeat center center;
    background-size: auto 60px
}

.toappclose {
    position: absolute;
    top: -10px;
    right: 0;
    width: 40px;
    height: 40px;
    display: block;
    background: rgba(0, 0, 0, 0) url(https://static.biyao.com/m/img/icon/b8.png?v=hash) no-repeat 22px center;
    background-size: 12px 12px
}

.toappclosee {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 60px;
    display: block;
    background: rgba(0, 0, 0, 0) url(https://static.biyao.com/m/img/icon/b8.png?v=hash) no-repeat 22px center;
    background-size: 12px 12px
}

.tap_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    background-color: #eee
}

.tap_close {
    display: block;
    width: 40px;
    height: 40px;
    background: url(https://static.biyao.com/m/img/icon/b8.png?v=hash) no-repeat center center;
    background-size: 40% 40%;
    position: absolute;
    top: 0;
    right: 2px
}

.tap_back {
    background: url(https://static.biyao.com/m/img/icon/b2.png?v=hash) no-repeat center center;
    width: 24px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 6px;
    background-size: 45%
}

.tap_w {
    width: 100%;
    height: 100%;
    min-width: 320px;
    top: 0;
    left: 0;
    margin: 0 auto;
    z-index: 40;
    overflow: hidden
}

.tap_title {
    width: 100%;
    min-width: 320px;
    height: 40px;
    background-color: #523669;
    color: #fff;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 20;
    position: absolute
}

.tap_content {
    height: 100%
}

.sub_share {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: solid 1px #f5f5f5;
    padding: 20px 0 0;
    z-index: 102;
    text-align: left;
    background-color: #fff
}

.sub_share_bg {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    z-index: 101
}

.ss_close {
    display: block;
    padding: 10px 0 8px;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    border-top: solid 1px #ccc
}

.ss_closere {
    display: block;
    float: right;
    width: 40px;
    height: 40px;
    background: url(https://static.biyao.com/m/img/icon/p7.png?v=hash) no-repeat center center;
    background-size: 40%;
    margin: -12px -12px 0 0
}

.ss_a {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    font-size: 14px
}

.ss_b {
    padding: 5px 0 10px
}

.ss_c {
    overflow: hidden;
    padding: 0 0 0 12px
}

.ss_d {
    float: left;
    width: 50px;
    height: 80px;
    text-align: center;
    margin-right: 25px
}

.ss_dqq {
    width: 50px;
    height: 50px;
    background: url(https://static.biyao.com/m/img/product/qq.png?v=hash) no-repeat center center;
    background-size: 100%
}

.ss_dwb {
    width: 50px;
    height: 50px;
    background: url(https://static.biyao.com/m/img/product/weibo.png?v=hash) no-repeat center center;
    background-size: 100%
}

.ss_dwx {
    width: 50px;
    height: 50px;
    background: url(https://static.biyao.com/m/img/product/weixin.png?v=hash) no-repeat center center;
    background-size: 100%
}

.ss_dpyq {
    width: 50px;
    height: 50px;
    background: url(https://static.biyao.com/m/img/product/wxpyqs.png?v=hash) no-repeat center center;
    background-size: 100%
}

.ss_dappqq {
    width: 50px;
    height: 50px;
    background: url(https://static.biyao.com/m/img/product/appqq.png?v=hash) no-repeat center center;
    background-size: 100%
}

.ss_message {
    width: 50px;
    height: 50px;
    background: url(https://static.biyao.com/m/img/product/message.png?v=hash) no-repeat center center;
    background-size: 100%
}

.ot {
    opacity: 1!important
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animatedm {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animatedl {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes bouncesmall {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bouncesmall {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -7px, 0);
        -ms-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.bouncesmall {
    -webkit-animation-name: bouncesmall;
    animation-name: bouncesmall;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.phone_icon2 {
    background: url(https://static.biyao.com/m/img/base/btn_tel.png?v=hash) no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 8px 20px;
    cursor: pointer;
    display: none
}

.icon-user {
    width: 42px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 43px;
    font-size: 22px;
    line-height: 40px
}

.icon-cart {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 22px;
    line-height: 40px
}

.icon-cart2:before {
    content: "\e604"
}

.icon-user2:before {
    content: "\e62c"
}

.icon-user3:before {
    content: "\e62c"
}

.icon-home,
.icon-cart2,
.icon-user2 {
    display: block;
    font-size: 22px;
    height: 27px;
    line-height: 27px;
    color: #7c7c7c
}

.icon-cart3:before {
    content: "\e604"
}

.icon-user3 {
    position: absolute;
    left: 10px;
    top: 14px;
    width: 12px;
    height: 14px;
    color: #a0a0a0;
    font-size: 14px;
    z-index: 3
}

.icon-password {
    position: absolute;
    left: 10px;
    top: 52px;
    width: 12px;
    height: 14px;
    color: #a0a0a0;
    font-size: 14px;
    z-index: 3
}

.icon-delete {
    cursor: pointer;
    width: 28px;
    height: 28px;
    float: right;
    font-size: 22px;
    color: #b5b5b5
}

.m_goback:before,
.m_gobackf:before,
.m_gobackz:before {
    content: "\e612"
}

.m_goback,
.m_gobackf,
.m_gobackz {
    cursor: pointer;
    width: 40px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 40px;
    font-size: 22px;
    padding-right: 5px
}

.icon-phone {
    color: #b768a5;
    display: inline-block;
    margin: 8px 20px;
    cursor: pointer;
    font-size: 0
}

.icon-down_arrow,
.icon-up_arrow {
    font-size: 22px;
    color: #a7a7a7;
    margin-top: 10px;
    margin-right: 8px
}

.icon-circle_close {
    font-size: 20px;
    text-align: center;
    line-height: 40px
}

.icon-rotate,
.icon-zoomin,
.icon-zoomout {
    font-size: 26px;
    color: #c9c9c9;
    line-height: 50px;
    text-align: center
}

.icon-share {
    font-size: 16px;
    color: #777;
    position: relative;
    top: 1px;
    right: 5px
}

.icon-shares {
    font-size: 16px;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    cursor: pointer;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.icon-chengnuo {
    font-size: 16px;
    color: #d08fc2;
    position: relative;
    top: 2px;
    right: 4px
}

.icon-address {
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 5px
}

.logopic {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    background: url(https://static.biyao.com/m/img/base/type.png?v=hash) no-repeat center center;
    background-size: 22px auto
}

.m_dl_save {
    cursor: pointer;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 40px
}

.m_dl_savere {
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 40px;
    opacity: .4
}

.m_dl_saveck {
    opacity: .4
}

.wrapBg {
    position: fixed;
    background: #333;
    top: 0;
    z-index: 999;
    bottom: 0;
    right: 0;
    left: 0
}

.pj_overf {
    overflow: hidden
}

.hab_z_j .col_f60 {
    color: #f85453;
    font-weight: 700
}

.displayBox {
    display: -moz-box;
    display: -webkit-box;
    display: box
}

.boxflex1 {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1
}

.refundTip {
    background: #F5F5F5;
    text-align: left;
    padding: 0 12px;
    border-bottom: 2px solid #eee;
    border-top: 2px solid #eee;
    clear: both
}

.refundTip .icon {
    width: 14px;
    height: 14px;
    background: url(https://static.biyao.com/m/img/shopcar/refundTipIcon.png?v=hash) no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle
}

.refundTip div {
    color: #666;
    text-indent: 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px
}

.order_msg_tip {
    line-height: 35px;
    color: #878787
}

.inaline {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.intwoline {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    worder-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.m_addmore_btn {
    margin-top: 15px
}

.m_addmore_btn span {
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #d8d8d8;
    padding: 0 25px;
    display: inline-block
}
